<script setup>
import CompModel from './views/CompModel.vue';
import { ref } from 'vue';
const num = ref(10)
const msg = ref('hello')
const msg2 = ref('hello2')
</script>

<template>
<div>
  <button @click="num++">{{ num }}</button>
  <button @click="msg=msg.toUpperCase()">{{ msg }}</button>
  <!-- <CompModel v-model:foo="num" v-model:bar.abc="msg"></CompModel> -->

  <CompModel v-model.abc="msg2"></CompModel>
  <div>{{ msg2 }}</div>
</div>
</template>

<style scoped>
</style>